<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition>
	<h:form>
		<rich:extendedDataTable value="#{extDataTable.personList}" var="item"
			height="120px">
			<rich:column id="firstName" width="100" label="First Name"
				sortable="true">
				<f:facet name="header">
					<h:outputText value="First Name" />
				</f:facet>
				<h:outputText value="#{item.firstName}" />
			</rich:column>
			<rich:column id="lastName" width="100" label="Last Name"
				sortable="true">
				<f:facet name="header">
					<h:outputText value="Last Name" />
				</f:facet>
				<h:outputText value="#{item.lastName}" />
			</rich:column>
			<rich:column id="age" width="100" label="Age" sortable="true">
				<f:facet name="header">
					<h:outputText value="Age" />
				</f:facet>
				<h:outputText value="#{item.age}" />
			</rich:column>
			<rich:column id="mature" width="100" label="Mature" sortable="true">
				<f:facet name="header">
					<h:outputText value="Mature" />
				</f:facet>
				<h:outputText value="#{item.mature}" />
			</rich:column>
		</rich:extendedDataTable>
		
		<rich:spacer height="5" />
		
		<rich:extendedDataTable value="#{extDataTable.personList}" var="item"
			height="120px">
			<rich:column id="firstName2" width="100" label="First Name"
				sortable="true">
				<f:facet name="header">
					<h:outputText value="First Name" />
				</f:facet>
				<h:outputText value="#{item.firstName}" />
			</rich:column>
			<rich:column id="lastName2" width="100" label="Last Name"
				sortable="true">
				<f:facet name="header">
					<h:outputText value="Last Name" />
				</f:facet>
				<h:outputText value="#{item.lastName}" />
			</rich:column>
			<rich:column id="age2" width="100" label="Age" sortable="true">
				<f:facet name="header">
					<h:outputText value="Age" />
				</f:facet>
				<h:outputText value="#{item.age}" />
			</rich:column>
			<rich:column id="mature2" width="100" label="Mature" sortable="true">
				<f:facet name="header">
					<h:outputText value="Mature" />
				</f:facet>
				<h:outputText value="#{item.mature}" />
			</rich:column>
		</rich:extendedDataTable>
	</h:form>
</ui:composition>
</html>